<!DOCTYPE html>
<html lang="en">
<head>
	<title>Axes | Blog Masonry</title>

	<meta charset="utf-8">

	<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	
	<!-- Google Fonts -->
	<link href='http://fonts.googleapis.com/css?family=Lato:300italic,400italic,600italic,700italic,800italic,400,800,700,600,300' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>

	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" media="screen">
	
 	<!-- SLIDER REVOLUTION 4.x CSS SETTINGS -->
	<link rel="stylesheet" type="text/css" href="rs-plugin/css/settings.css" media="screen" />
	
	<link rel="stylesheet" href="css/owl.carousel.css">
	<link rel="stylesheet" type="text/css" href="css/lightbox.min.css" media="all"/>   
	<link rel="stylesheet" type="text/css" href="css/stroke-gap-icons.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/pe-icon-7-stroke.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/elegant-icons.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/font-awesome.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/responsive.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="rs-plugin/css/settings.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/animate.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/flexslider.css" media="screen" />
	
	<link rel="shortcut icon" href="upload/favicon.ico" type="image/x-icon">
	<link rel="icon" href="upload/favicon.ico" type="image/x-icon">

</head>

<body>
	<!-- Preloader -->
	<div id="preloader">
	    <div id="status">&nbsp;</div>
	</div>

	<header>
	<!-- Navbar -->
	    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
	    	<nav class="navigation">
		      	<div class="container">
			        <div class="navbar-header">
			        	<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
				            <span class="sr-only">Toggle navigation</span>
				            <span class="icon-bar"></span>
				            <span class="icon-bar"></span>
				            <span class="icon-bar"></span>
			        	</button>	        	 
						<!-- Logo -->
						<div class="logo">
				        	<a href="index.html">
				        		<img class="small-logo" src="upload/logo-dark.png" alt="logo">
				          	</a>
			        	</div>         
			        </div> <!-- end navbar-header -->

			        <div class="collapse navbar-collapse" id="navbar-collapse">
			          
			        	<ul class="nav navbar-nav navbar-right">

				          	<li class="dropdown">
				            	<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Home</a>
				                <ul class="dropdown-menu sub-menu">
				                	<li><a href="index.html">Multi-Page Demo</a></li>
				                	<li><a href="home-onepage.html">Onepage Demo</a></li>
				          	    </ul>
				            </li>

				            <li class="dropdown">
				            	<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Portfolio</a>
				            	<ul class="dropdown-menu sub-menu">
				                	<li><a href="portfolio-4-col.html">4 Columns</a></li>
				                	<li><a href="portfolio-3-col.html">3 Columns</a></li>
				                	<li><a href="portfolio-2-col.html">2 Columns</a></li>
				                	<li><a href="portfolio-single.html">Single Project</a></li>
				          	    </ul>
				            </li>

				            <li class="dropdown">
				            	<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Features</a>
				            	<ul class="dropdown-menu sub-menu">
				                	<li><a href="shortcodes.html">Shortcodes</a></li>
				                	<li><a href="typography.html">Typography</a></li>
				                	<li><a href="pricing.html">Pricing Tables</a></li>
				          	    </ul>
				            </li>
				            
				            <li class="dropdown active">
				            	<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Blog</a>
				            	<ul class="dropdown-menu sub-menu">
				                	<li><a href="blog-standard.html">Standard</a></li>
				                	<li><a href="blog-masonry.html">Masonry</a></li>
				                	<li><a href="blog-single.html">Single Post</a></li>
				          	    </ul>
				            </li>

				            <li class="dropdown">
				            	<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Pages</a>
				            	<ul class="dropdown-menu sub-menu">
				                	<li><a href="services.html">Services</a></li>
				                	<li><a href="about-us.html">About Us</a></li>
				                	<li><a href="contact.html">Contact</a></li>
				                	<li><a href="404.html">404</a></li>
				          	    </ul>
				            </li>

				            <li>
				            	<div id="search">
				            		<i class="pe-7s-search search-trigger"></i>
				            	</div>
				            	<div class="search-bar">
					            	<div class="search-wrap">
										<form role="form">
										    <div class="form-group">
											    <input type="search" class="form-control searchbox" placeholder="Search">
									    	</div>
									    	<button type="submit" class="search-button"><i class="pe-7s-search"></i></button>
									    </form>
								    </div>
								</div>
				            </li>
				            <li><div id="cart"><a href="#" id="cart-trigger"><i class="pe-7s-shopbag"></i><span>5</span></a></div></li>		
			        	</ul> <!-- end menu -->
			        </div> <!-- end collapse -->    
	      		</div> <!-- end container -->
	      	</nav> <!-- end navigation -->
	    </nav> <!-- End Navbar -->
	</header>

	<div class="main-wrapper">

	<!-- Page Title -->
		<section id="page-title">
			<div class="container clearfix">
				<h1>Blog Masonry</h1>
				<ol class="breadcrumb">
					<li>
						<a href="index.html">Home</a>
					</li>
					<li>
						<a href="#">Blog</a>
					</li>
					<li class="active">
						Blog Masonry
					</li>
				</ol> <!-- end breadcrumbs -->
			</div> <!-- end container -->
		</section> <!-- end page title -->

	<!-- Blog Masonry -->
		<section class="section-wrap blog-masonry">
			<div class="container relative">
				<div class="row masonry">

					<!-- standard post -->					
					<div class="col-md-4 col-sm-6 col-xs-12 masonry-item text-center">
						<div class="blog-col-3">
							<div class="entry-img">
								<a href="#">
									<img src="upload/blog/masonry/masonry_post_img_1.jpg" alt="blog img">
								</a>
							</div>

							<div class="entry-box">
								<div class="entry-title">
									<h3><a href="#">Why we make awesome projects</a></h3>
								</div>
								<ul class="entry-meta">
									<li>April 26, 2015</li>
									<li>
										<a href="#">15 Comments</a>
									</li>										
								</ul>
								<div class="entry-content">
									<p>We possess within us two minds. So far I have written only of the conscious mind.</p>
									<a href="#" class="btn btn-stroke btn-small btn-rounded">Read More</a>
								</div>
							</div> <!-- end entry box -->
						</div> <!--  end blog col 3 -->
					</div> <!-- end column-->


					<!-- gallery post -->
					<div class="col-md-4 col-sm-6 col-xs-12 masonry-item text-center">
						<div class="blog-col-3">
							<div class="entry-img">
								<div class="flexslider">
									<ul class="slides">

									    <li>
									      	<a href="#">
												<img src="upload/blog/masonry/gallery_post_img_1.jpg" alt="img1">
											</a>
									    </li> <!-- end first slide -->

									    <li>
									      	<a href="#">
												<img src="upload/blog/masonry/gallery_post_img_2.jpg" alt="img1">
											</a>
									    </li> <!-- end second slide -->
				
									    <li>
									      	<a href="#">
												<img src="upload/blog/masonry/gallery_post_img_3.jpg" alt="img3">
											</a>
									    </li> <!-- end third slide -->

									</ul>

								</div> <!-- end flexslider -->
							</div> <!-- end slider -->

							<div class="entry-box">
								<div class="entry-title">
									<h3><a href="#">This is gallery blog post. With an awesome Flex Slider</a></h3>
								</div>
								<ul class="entry-meta">
									<li>April 26, 2015</li>
									<li>
										<a href="#">15 Comments</a>
									</li>										
								</ul>
								<div class="entry-content">
									<p>We possess within us two minds. So far I have written only of the conscious mind.</p>
									<a href="#" class="btn btn-stroke btn-small btn-rounded">Read More</a>
								</div>
							</div> <!-- end entry box -->
						</div> <!-- end blog col 3 -->
					</div> <!-- end column-->


					<!-- standard post -->
					<div class="col-md-4 col-sm-6 col-xs-12 masonry-item text-center">
						<div class="blog-col-3">
							<div class="entry-img">
								<a href="#">
									<img src="upload/blog/masonry/masonry_post_img_2.jpg" alt="blog img">
								</a>
							</div>

							<div class="entry-box">
								<div class="entry-title">
									<h3><a href="#">Ultimate guide to choose camera</a></h3>
								</div>
								<ul class="entry-meta">
									<li>April 26, 2015</li>
									<li>
										<a href="#">15 Comments</a>
									</li>										
								</ul>
								<div class="entry-content">
									<p>We possess within us two minds. So far I have written only of the conscious mind.</p>
									<a href="#" class="btn btn-stroke btn-small btn-rounded">Read More</a>
								</div>
							</div> <!-- end entry box -->
						</div> <!--  end blog col 3 -->
					</div> <!-- end column-->

					
					<!-- blockquote post -->
					<div class="col-md-4 col-sm-6 col-xs-12 masonry-item text-center">
						<div class="blog-col-3">
							<div class="entry-box">						
								<div class="entry-title">
									<blockquote>
										<p>
											<a href="blog-single.html">Incredible change happens in your life when you decide to take control of what you do have power over instead of craving control over what you don't.</a>
										</p>
										<span>Steve Maraboli</span>
									</blockquote>
								</div>
								<ul class="entry-meta">
									<li>April 26, 2015</li>
									<li>
										<a href="#">15 Comments</a>
									</li>										
								</ul>
							</div> <!-- end entry box -->
						</div> <!--  end blog col 3 -->
					</div> <!-- end column-->


					<!-- video post -->
					<div class="col-md-4 col-sm-6 col-xs-12 masonry-item text-center">
						<div class="blog-col-3">
							<div class="entry-video">
								<iframe width="640" height="240" src="https://www.youtube.com/embed/ThFCg0tBDck" allowfullscreen></iframe>
							</div>

							<div class="entry-box">					
								<div class="entry-title">
									<h3>
										<a href="blog-single.html">This is awesome Youtube video post.</a>
									</h3>
								</div>
								<ul class="entry-meta">
									<li>April 26, 2015</li>
									<li>
										<a href="#">15 Comments</a>
									</li>										
								</ul>
								<div class="entry-content">
									<p>We possess within us two minds. So far I have written only of the conscious mind. I would now like to introduce you to your second mind, the hidden and mysterious subconscious.</p>
									<a href="#" class="btn btn-stroke btn-small btn-rounded">Read More</a>
								</div>
							</div> <!-- end entry box -->
						</div> <!--  end blog col 3 -->
					</div> <!-- end column-->
					

					<!-- link post -->					
					<div class="col-md-4 col-sm-6 col-xs-12 masonry-item text-center">
						<div class="blog-col-3">

							<div class="entry-box">
								<div class="entry-title post-link">
									<h3><a href="#">This is link post. Don’t Wait for The Perfect Moment. Take the Moment And Make It Perfect.</a></h3>
								</div>
								<ul class="entry-meta">
									<li>April 26, 2015</li>
									<li>
										<a href="#">15 Comments</a>
									</li>										
								</ul>
							</div> <!-- end entry box -->
						</div> <!--  end blog col 3 -->
					</div> <!-- end column-->


					<!-- text post -->
					<div class="col-md-4 col-sm-6 col-xs-12 masonry-item text-center">
						<div class="blog-col-3">
							<div class="entry-box">
								<div class="entry-title">
									<h3><a href="#">This is text only post. Simple and perfect.</a></h3>
								</div>
								<ul class="entry-meta">
									<li>April 26, 2015</li>
									<li>
										<a href="#">15 Comments</a>
									</li>										
								</ul>
								<div class="entry-content">
									<p>We possess within us two minds. So far I have written only of the conscious mind. Our subconscious mind contains such power and complexity that it literally staggers the imagination. We know that this subconscious mind controls and orchestrates our bodily functions.</p>
									<a href="#" class="btn btn-stroke btn-small btn-rounded">Read More</a>
								</div>
							</div> <!-- end entry box -->
						</div> <!--  end blog col 3 -->
					</div> <!-- end column-->

					
					<!-- standard post -->					
					<div class="col-md-4 col-sm-6 col-xs-12 masonry-item text-center">
						<div class="blog-col-3">
							<div class="entry-img">
								<a href="#">
									<img src="upload/blog/masonry/masonry_post_img_3.jpg" alt="blog img">
								</a>
							</div>

							<div class="entry-box">
								<div class="entry-title">
									<h3><a href="#">Ultimate guide to choose mobile.</a></h3>
								</div>
								<ul class="entry-meta">
									<li>April 26, 2015</li>
									<li>
										<a href="#">15 Comments</a>
									</li>										
								</ul>
								<div class="entry-content">
									<p>We possess within us two minds. So far I have written only of the conscious mind.</p>
									<a href="#" class="btn btn-stroke btn-small btn-rounded">Read More</a>
								</div>
							</div> <!-- end entry box -->
						</div> <!--  end blog col 3 -->
					</div> <!-- end column-->
						
				</div> <!-- end row -->

				<!-- Load More -->

				<div class="row mt20">
					<div class="col-md-12 text-center">
						<a href="#">
							<div class="btn btn-rounded btn-medium btn-light-solid">Load More</div>
						</a>
					</div>
				</div>
				

			</div> <!-- end container -->
		</section> <!-- end blog masonry -->

		
	<!-- Footer -->
		<footer id="footer">
			<div class="container">
				<div class="footer-widgets">
					<div class="row">
						<div class="col-md-3">
							<div class="footer-about-us">
								<h5 class="heading-white">About Us</h5>
								<p>We possess within us two minds. So far I have written only of the conscious mind. I would now like to introduce you to your second mind, the hidden and mysterious subconscious.</p>
								<div class="social-icons">
									<a href="#"><i class="fa fa-facebook"></i></a>
									<a href="#"><i class="fa fa-twitter"></i></a>
									<a href="#"><i class="fa fa-google-plus"></i></a>
									<a href="#"><i class="fa fa-linkedin"></i></a>
									<a href="#"><i class="fa fa-pinterest-p"></i></a>
									<a href="#"><i class="fa fa-instagram"></i></a>
								</div>
							</div>
						</div> <!-- end about us -->

						<div class="col-md-3">
							<h5 class="heading-white">Stay in Touch</h5>
							<div class="office-1">
								<p>New York office</p>
								<p>Phone: + 1 888 1554 456 123</p>
								<p>Email: <a href="mailto:axescompany@gmail.com">axescompany@gmail.com</a></p>
							</div>
							<div class="office-2">
								<p>Melbourne office</p>
								<p>Phone: + 1 888 1554 456 123</p>
								<p>Email: <a href="mailto:axescompany@gmail.com">axescompany@gmail.com</a></p>
							</div>
						</div> <!-- end stay in touch -->

						<div class="col-md-3">
							<h5 class="heading-white">Latest Posts</h5>
							<div class="footer-posts">
								<div class="footer-entry">
									<h6>
										<a href="blog-single.html">Axes is a simple and flexible</a>
									</h6>
									<span>11 Apr, 2015 / <a href="blog-single.html">10 comments</a></span>
								</div> <!-- end entry -->

								<div class="footer-entry">
									<h6>
										<a href="blog-single.html">This is perfect solution for you</a>
									</h6>
									<span>08 Apr, 2015 / <a href="blog-single.html">03 comments</a></span>
								</div> <!-- end entry -->

								<div class="footer-entry">
									<h6>
										<a href="blog-single.html">Clean and flexible theme</a>
									</h6>
									<span>05 Apr, 2015 / <a href="blog-single.html">05 comments</a></span>
								</div> <!-- end entry -->
							</div> <!-- end footer posts -->
						</div> <!-- end latest posts -->

						<div class="col-md-3">
							<h5 class="heading-white">Recent Works</h5>
							<ul class="recent-works">
								<li>
									<a href="#">
										<img src="upload/recent_works_img_1.jpg" alt="img1">
									</a>
								</li>
								<li>
									<a href="#">
										<img src="upload/recent_works_img_2.jpg" alt="img2">
									</a>
								</li>
								<li>
									<a href="#">
										<img src="upload/recent_works_img_3.jpg" alt="img3">
									</a>
								</li>
								<li>
									<a href="#">
										<img src="upload/recent_works_img_4.jpg" alt="img4">
									</a>
								</li>
								<li>
									<a href="#">
										<img src="upload/recent_works_img_5.jpg" alt="img5">
									</a>
								</li>
								<li>
									<a href="#">
										<img src="upload/recent_works_img_6.jpg" alt="img6">
									</a>
								</li>
							</ul>
						</div> <!-- end recent works -->
					</div> <!-- end row -->
				</div> <!-- end footer widgets -->			
			</div> <!-- end container -->

			<div class="bottom-footer">
				<div class="container">
					<div class="row">
						<div class="col-xs-12 text-center">
							<div class="copyright">
								©2015 Axes Theme  |  Designed by <a href="http://deothemes.com/">DeoThemes</a>
							</div>
						</div> <!-- end col -->
					</div> <!-- end row -->
				</div> <!-- end container -->
			</div> <!-- end bottom footer -->
		</footer> <!-- end footer -->

		<div id="back-to-top">
			<a href="#top"><i class="fa fa-angle-up"></i></a>
		</div>

	</div> <!-- end main-wrapper -->
	

	<!-- jQuery Scripts -->
	<script src="js/jquery.min.js"></script>
 	<script type="text/javascript" src="js/lightbox.min.js"></script>	
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/bootstrap-hover-dropdown.min.js"></script>
	<script type="text/javascript" src="js/owl.carousel.min.js"></script>
	<script type="text/javascript" src="js/jquery.countTo.js"></script>
	<script type="text/javascript" src="js/jquery.appear.js"></script>
	<script type="text/javascript" src="js/plugins-scroll.js"></script>
	<script type="text/javascript" src="js/isotope.pkgd.min.js"></script>
	<script type="text/javascript" src="js/jquery.easing.min.js"></script>
	<script type="text/javascript" src="js/jquery.easypiechart.min.js"></script>
	<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
	<script type="text/javascript" src="js/imagesloaded.pkgd.min.js"></script>
	<script src="js/wow.min.js"></script>

	<!-- SLIDER REVOLUTION 4.x SCRIPTS  -->
	<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.tools.min.js"></script>
	<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>

	<!-- Custom Theme JavaScript -->
    <script src="js/scripts.js"></script>

	<!-- Revolution Slider -->
	<script type="text/javascript">
				jQuery(document).ready(function() {
					   jQuery('.tp-banner').revolution(
						{
							delay:9000,
							startwidth:1170,
							startheight:680,
							hideThumbs:10,

							navigationType:"bullet",							
							navigationStyle:"preview1",

							hideArrowsOnMobile:"on",
							
							touchenabled:"on",
							onHoverStop:"on",
							spinner:"spinner4"
						});
				});
	</script>

</body>
</html>